@charset "utf-8";
.header .sMark { display: none; }

.main { padding-bottom: 0.66667rem; }
.main a { color: #00a0e9; }
.main a:hover, .main a:visited { color: #00a0e9; }
.main a.yellowBtn, .main a.greenBtn, .main a.blueBtn, .main a.grayBtn { -webkit-radius: 0.2rem; -moz-radius: 0.2rem; -ms-radius: 0.2rem; -o-radius: 0.2rem; border-radius: 0.2rem; text-align: center; color: #fff; line-height: 2.46667rem; height: 2.33333rem; font-size: 0.93333rem; display: inline-block; overflow: hidden; }
.main .yellowBtn { background-color: #ff8b00; }
.main .greenBtn { background-color: #34b610; }
.main .blueBtn { background-color: #00a0e9; }
.main .grayBtn { background-color: #b5b5b5; }
.main a.collectBtn { margin-left: 0.66667rem; padding-left: 1rem; padding-right: 1rem;  vertical-align: middle; font-size: 0.93333rem; text-align: center; line-height: 1.6rem; color: #fff; height: 1.6rem; overflow: hidden; -webkit-radius: 0.2rem; -moz-radius: 0.2rem; -ms-radius: 0.2rem; -o-radius: 0.2rem; border-radius: 0.2rem; border: 1px solid #000; background-color:#000; z-index:100; position:absolute; right:10px; top:10px; z-index:300;}


.main a.collectBtn i.iIcon { background-image: url(); background-position: 0 0; background-size: 1rem 1rem; background-repeat: no-repeat; display: block; width: 1rem; height: 1rem; float: left; margin-top: 0.3rem; margin-right: 0.33333rem; }
@media screen and (max-width: 768px){
.main a.collectBtn { font-size: 0.73333rem; line-height: 1.3rem;height: 1.3rem;}
.main a.collectBtn i.iIcon {margin-top: 0.3rem; width: 0.7rem; height: 0.7rem; background-size: 0.7rem 0.7rem;}
}
.main a.collectBtn.collectBtnCur i.iIcon { background-image: url(); }




.iPlayIcon, .iDownLoadIcon { background-size: 1.13333rem 1.13333rem; background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: top; margin-right: 0.4rem; height: 1.13333rem; width: 1.13333rem; margin-top: 0.6rem; }

.iPlayIcon { background-image: url(""); }

.iDownLoadIcon { background-image: url(""); }

.dividLine { height: 1px; display: block; width: 100%; overflow: hidden; background-color: #e1e1e1; }

.colorGreen { color: #66b45a; }

.mt10 { margin-top: 0.33333rem; }

.mt20 { margin-top: 0.66667rem; }

.boxCon { width: 100%; overflow: hidden; background-color: #e7e7e7; position: relative; }
.boxCon .boxConMargin { margin: 0 2%; width: 96%; overflow: hidden; }
.boxCon .boxConWidth { width: 50000px; }
.boxCon .boxConWidth .pTag { float: left; }
.boxCon.boxConBgNone { background: none; }
.boxCon .iArrowTips { height: 100%; width: 1.33333rem; position: absolute; top: 0; right: 1%; overflow: hidden; *zoom: 1; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 246, 246, 0)), to(#f6f6f6)); background-image: -webkit-linear-gradient(left, rgba(246, 246, 246, 0), #f6f6f6); background-image: -moz-linear-gradient(left, rgba(246, 246, 246, 0), #f6f6f6); background-image: -ms-linear-gradient(left, rgba(246, 246, 246, 0), #f6f6f6); background-image: -o-linear-gradient(left, rgba(246, 246, 246, 0), #f6f6f6); background-image: linear-gradient(left, rgba(246, 246, 246, 0), #f6f6f6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#00F6F6F6", EndColorStr="#FFF6F6F6"); }
.boxCon .iArrowTips em { width: 0.26667rem; height: 0.66667rem; position: absolute; vertical-align: top; top: 50%; right: 0; display: block; overflow: hidden; margin-top: -0.26667rem; }
.boxCon .iArrowTips em:after { content: ""; font-size: 0; line-height: 0; background-color: #666; vertical-align: top; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 0.5rem; height: 0.5rem; display: block; margin-left: -0.4rem; }

.detailPosterIntro { height: 12rem; overflow: hidden; padding-top:0.5rem; position:relative;}
.detailPosterIntro .posterPic { width: 9rem; height: 12rem; overflow: hidden; }
.detailPosterIntro .posterPic img { width: 100%; height: 100%; display: block; }
.detailPosterIntro .posterPic .sDes { display: block; overflow: hidden; color: #fff; font-size: 0.8rem; height: 1.16667rem; line-height: 1.33333rem; background-image: url(); background-repeat: repeat-x; background-position: 0 bottom; background-size: auto 1.16667rem; margin-top: -1.16667rem; text-align: center; width: 100%; }
.detailPosterIntro .posterPic .sDes em { white-space: nowrap; display: inline-block; }
.detailPosterIntro .posterPic .iPlayIcon { background-image: url(""); background-repeat: no-repeat; background-size: 2.66667rem 2.66667rem; background-position: center center; width: 9rem; height: 12rem; margin-top: -12rem; display: block; position: relative; z-index: 10; }
.detailPosterIntro .introTxt { height: 12.33333rem; position: relative; overflow: hidden; margin-left: 9.66667rem; margin-top: -12.33333rem; }
.detailPosterIntro .introTxt h1 { font-size: 1.2rem; height: 4.2rem; line-height: 1.4rem; color: #333; overflow: hidden; }
.detailPosterIntro .introTxt h1 table { width: 100%; }
.detailPosterIntro .introTxt h1 table td { text-align: left; height: 4.2rem; line-height: 1.4rem; vertical-align: middle; width: 100%; }
.detailPosterIntro .introTxt h1 table td .sDes { display: block; font-size: 0.93333rem; color: #ff8b00; }
.detailPosterIntro .introTxt .pBottom { position: absolute; bottom: 0; left: 0; width: 100%; }
.detailPosterIntro .introTxt .pBottom .sDes { display: block; height: 1.4rem; line-height: 1.4rem; overflow: hidden; font-size: 0.93333rem; }
.detailPosterIntro .introTxt .pBottom .sDes a, .detailPosterIntro .introTxt .pBottom .sDes em { display: inline-block; }
.detailPosterIntro .introTxt .pBottom .sDes .channelLogo { height: 0.73333rem; display: inline-block; vertical-align: top; padding-right: 0.16667rem; margin-top: 0.26667rem; }
.detailPosterIntro .introTxt .pBottom .sBtn { padding-top: 0.4rem; display: block; }
.detailPosterIntro .introTxt .pBottom .sBtn a { width: 49%; float: left; }
.detailPosterIntro .introTxt .pBottom .sBtn a:nth-child(2) { float: right; }
.vedio_info { border-bottom:1px solid #CCC;border-top:1px solid #CCC; background-color:#FFF; padding:20px; line-height:24px; font-size:16px; margin-top:20px;}

@media screen and (max-width: 768px){
.detailPosterIntro .introTxt h1 table td {font-size: 1rem !important;}
.detailPosterIntro .introTxt h1 table td .sDes { display: block; font-size: 0.63333rem !important; color: #ff8b00; }
.detailPosterIntro .introTxt .pBottom .sDes { display: block; height: 1.4rem; line-height: 1.4rem; overflow: hidden; font-size: 0.63333rem; }
}

.tabNav { margin-top: 1rem; border-top: 1px solid #e1e1e1; background-color: #fff; }
.tabNav li { float: left; width: 33%; }
.tabNav span { color: #666; font-size: 1.06667rem; line-height: 2.93333rem; height: 2.93333rem; overflow: hidden; padding-bottom: 0.16667rem; float: left; width: 100%; text-align: center; }
.tabNav span:hover, .tabNav a:visited { color: #666; }
.tabNav span.cur { -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; tap-highlight-color: transparent; color: #00a0e9; padding-bottom: 0; border-bottom: 0.16667rem solid #00a0e9; }
.tabNav span.cur:hover, .tabNav a.cur:visited { color: #00a0e9; }
/*.tab { border-bottom: 1px solid #e1e1e1; margin-bottom: -1px; position: relative; }
.tab ul.tabNav { height: 100%; width: 100%; position: relative; }
.tab ul.tabNav li { float: left; width: 25%; text-align: center; }
.tab ul.tabNav li span { display: block; padding: 1px; padding-bottom: 0 none; cursor: pointer; }
.tab ul.tabNav li span.cur { border: 1px solid #e1e1e1; border-bottom: 0 none; padding: 0; color: #333333; cursor: default; *zoom: 1; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f6f6f6)); background-image: -webkit-linear-gradient(top, white, #f6f6f6); background-image: -moz-linear-gradient(top, white, #f6f6f6); background-image: -ms-linear-gradient(top, white, #f6f6f6); background-image: -o-linear-gradient(top, white, #f6f6f6); background-image: linear-gradient(top, white, #f6f6f6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFFFFFF", EndColorStr="#FFF6F6F6"); }
.tab .rightCon { position: absolute; right: 2%; top: 0; }*/



.mod_a .th_a { height: 1.6rem; line-height: 1.6rem; font-size: 1.2rem; padding-top: 0.66667rem; padding-bottom: 0.2rem; }
.mod_a .th_a .iLine { width: 0.33333rem; height: 1.33333rem; background-color: #00a0e9; float: left; overflow: hidden; margin-top: 0.13333rem; display: inline; }
.mod_a .th_a .sMark { float: left; padding-left: 0.6rem; }
.mod_a .th_a .aMore { float: right; color: #666; }
.mod_a .th_a .aMore:hover, .mod_a .th_a .aMore:visited { color: #666; }

.pTag { padding-top: 0.33333rem; padding-bottom: 0.66667rem; }
.pTag a { border: 1px solid #e1e1e1; line-height: 1.46667rem; height: 1.4rem; display: inline-block; white-space: nowrap; margin-right: 0.33333rem; margin-top: 0.33333rem; -webkit-radius: 0.66667rem; -moz-radius: 0.66667rem; -ms-radius: 0.66667rem; -o-radius: 0.66667rem; border-radius: 0.66667rem; font-size: 0.93333rem; overflow: hidden; }
.pTag a i { background-color: #fff; padding: 0 0.6rem; overflow: hidden; display: inline-block; -webkit-radius: 1.4rem; -moz-radius: 1.4rem; -ms-radius: 1.4rem; -o-radius: 1.4rem; border-radius: 1.4rem; }
.pTag a.aAll em { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; font-family: \5b8b\4f53; font-weight: 700; font-size: 0.73333rem; margin-left: 0.1rem; }

.ulIntroTxt { padding-top: 0.6rem; }
.ulIntroTxt li { width: 100%; font-size: 0.93333rem; line-height: 1.6rem; height: 1.6rem; overflow: hidden; float: left; }
.ulIntroTxt li.liTit { vertical-align: middle; height: 1.73333rem; margin-bottom: 0.33333rem; padding-top: 0.16667rem; }
.ulIntroTxt li.liTit .sTit { font-size: 1.2rem; float: none; }
.ulIntroTxt li.liTit .collectBtn { margin-top: -0.16667rem; }
.ulIntroTxt li.liHalf { width: 50%; }
.ulIntroTxt li em, .ulIntroTxt li a { display: inline-block; white-space: nowrap; }
.ulIntroTxt li .sTit { color: #333; float: left; }
.ulIntroTxt .pTag { height: 1.6rem; overflow: hidden; display: inline; padding: 0; }
.ulIntroTxt .pTag a { margin-top: 0; }

.pSummary { line-height: 1.6rem; font-size: 0.93333rem; color: #333; padding-top: 0.33333rem; }
.pSummary em { color: #333; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; opacity: 0; filter: alpha(opacity=0); }
.pSummary a { display: inline-block; white-space: nowrap; }

.ulPic { float: left; }
.ulPic li { padding-top: 0.5rem; float: left; width: 6.16667rem; margin-left: 0.5rem; display: inline; text-align: center; }
.ulPic li:first-child { margin-left: 0; }
.ulPic li img { display: block; vertical-align: top; width: 6.16667rem; height: 8.2rem; }
.ulPic li .sTit { height: 1.8rem; overflow: hidden; display: block; line-height: 1.8rem; font-size: 0.93333rem; color: #333; }

.ulRecommended { padding: 0.66667rem 0; }
.ulRecommended li { width: 25%; float: left; text-align: center; }
.ulRecommended li img { width: 70%; display: block; margin: 0 auto; }
.ulRecommended li span.sTit { display: block; overflow: hidden; color: #333; line-height: 1.66667rem; height: 1.66667rem; font-size: 0.93333rem; }

.numChoice { margin: 0.4rem 0 0 0; position: relative; }
.numChoice p { float: left; }
.numChoice p span { float: left; cursor: pointer; font-size: 0.93333rem; line-height: 2.86667rem; margin-left: 1.06667rem; padding: 0 0.66667rem; border: 1px solid #f6f6f6; overflow: hidden; height: 2.6rem; }
.numChoice p span:first-child { margin-left: 0; }
.numChoice p span.cur { color: #00a0e9; border-color: #00a0e9; -webkit-radius: 0.2rem; -moz-radius: 0.2rem; -ms-radius: 0.2rem; -o-radius: 0.2rem; border-radius: 0.2rem; }
.numChoice .iArrowTips em { margin-top: -0.16667rem; }

.dramaNumList { padding: 0.33333rem 1% 0; }
.dramaNumList li { width: 4rem; padding: 0.33333rem; float: left; }
.dramaNumList li a { height: 2.53333rem; line-height: 2.73333rem; border: 1px solid #e1e1e1; display: block; background-color: #fff; font-size: 0.93333rem; color: #333; text-align: center; -webkit-radius: 0.2rem; -moz-radius: 0.2rem; -ms-radius: 0.2rem; -o-radius: 0.2rem; border-radius: 0.2rem; position: relative; }
.dramaNumList li a.cur, .dramaNumList li a:hover, .dramaNumList li a:visited { color: #00a0e9; }
.dramaNumList li a .iNewIcon { position: absolute; top: -1px; left: -1px; background-image: url(); background-size: 1.3rem 1.4rem; width: 1.3rem; height: 1.4rem; background-position: 0 0; background-repeat: no-repeat; }
.dramaNumList.dramaNumList3 li { width: 6.86667rem; }

.baiduIvy { width: 100%; padding: 0.66667rem 0; overflow: hidden; }

@media only screen { html { font-size: 30px; } }
@media only screen and (max-width: 719px) and (min-width: 480px) { html { font-size: 20px; } }
@media only screen and (max-width: 479px) and (min-width: 321px) { html { font-size: 15px; } }
@media only screen and (max-width: 320px) { html { font-size: 13px; } }



/*# sourceMappingURL=detail.common.v2.css.map */

.tab2{width:100%; margin-top:10px;}
.tab2 dt{height:40px; }
.tabt3{width:100%; text-align:center; overflow:hidden;}
.tab2 dt span{display:block;width:auto; padding:0 5px; min-width:50px; margin-right:8px; overflow:hidden;height:40px;line-height:40px;text-align:center;float:left;font-size:19px;display:inline;cursor:default;background:#ddd;}
.tab2 dt span.current{background:#095aad;color:#fff;}
.tab2 dd{width:100%;height:auto;font-size:16px;text-align:center;line-height:65px;border-top:1px solid #095aad;display:none}


/* -------------评论开始---------- */
.ui-box {
margin-top: 20px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.ui-form {
overflow: hidden;
clear: both;
padding: 0;
}
#cmt_anchor .ui-title {
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0 19px;
color: #666;
font-size: 14px;
border-bottom: 1px solid #eee;
background-color: #fcfcfc;
}
#cmt_anchor .ui-title h3 {
font-weight: 700;
color: #333;
}
#cmt_anchor .ui-cnt {
width: 970px;
padding: 19px;
overflow: hidden;
}
#cmt_anchor .ui-form {
padding: 0;
overflow: hidden;
clear: both;
}
#cmt_anchor .ui-form-item {
margin: 0;
width: 100%;
overflow: hidden;
clear: both;
line-height: 35px;
}
#cmt-input-bd .ui-textarea {
height: 72px;
padding: 8px;
width:952px;
overflow: auto;
overflow-x: hidden;
text-indent: 0;
line-height: 18px;
color: #333;
font-size: 16px;
float: left;
border: 1px solid #ddd;
background: url(../images/input.gif) 0 0 repeat-x;
background-color: #fbfbfb;
}
#cmt-input-bd .ui-form-info {
margin: 5px 0 0 0;
height: 35px;
line-height: 35px;
overflow: hidden;
}
.ui-button{
background-color:#f63873;
width: 100px;
height: 35px;
line-height: 35px;
overflow: hidden;
border: 0 none;
cursor: pointer;
color: #fff !important;
font-size: 14px;
font-weight: 700;
text-align: center;
border-radius: 1px;
}
.fn-right {
float: right;
display: inline;
}
#cmt-input-bd .ui-form-info p {
margin: 0;
padding: 0 15px 0 0;
color: #666;
font-size: 12px;
}
#cmt-input-bd .ui-form-info span {
margin: 0;
padding: 0 0 0 15px;
color: #666;
font-size: 12px;
float:left;
}
.comment-focus {
width: 970px;
padding: 0 0 5px 0;
overflow: hidden;
margin: 15px 0 0 0;
}
.ui-comment {
width: 970px;
margin: -15px 0 0 0;
overflow: hidden;
background: url(../images/bg-cmt-time.gif) -100px 15px repeat-y;
}
.comment-item {
width: 970px;
padding: 15px 0 0 0;
overflow: hidden;
}
.comment-time {
width: 52px;
overflow: hidden;
float: left;
}
.comment-time .date-time {
height: 48px;
overflow: hidden;
font-size:12px;
font-family:Verdana;
background: url(../images/bg-cmt-time.gif) 41px 0 no-repeat;
}
.comment-post {
width: 908px;
overflow: hidden;
float: right;
}
.comment-post-arrow {
width: 10px;
height: 15px;
overflow: hidden;
margin-top: 17px;
float: left;
position: relative;
background: url(../images/comment-arrow.gif) 0 0 no-repeat;
}
.comment-post-cnt {
width: 877px;
overflow: hidden;
float: right;
padding: 10px;
margin-left: -1px;
border: 1px solid #e3e3e3;
background-color: #f9f9f9;
border-radius: 4px;
}
.comment-avatar {
width: 50px;
float: left;
overflow: hidden;
}
.comment-avatar img {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 2px;
}
.comment-body {
width: 825px;
overflow: hidden;
float: right;
}
.comment-time .date-time strong {
display: block;
color: #999;
margin-top: 4px;
}
.comment-text {
line-height: 25px;
font-size: 14px;
word-wrap: break-word;
color: #f63873;
}
.comment-text em {
margin-right: 5px;
color:#666;
font-weight:100;
}

@media screen and (max-width: 768px){

.comment-post {
width: 650px;
}
#cmt_anchor .ui-cnt {
width:712px;
}
#cmt-input-bd .ui-textarea {
width:692px;
}
.comment-focus {
width: 712px;
}
.ui-comment {
width: 712px;
}
.comment-item {
width:712px;
}
.comment-post-cnt {
width:619px;
}
.comment-body {
width: 560px;
}


}

@media screen and (max-width: 670px){

.comment-post {
width: 560px;
}
#cmt_anchor .ui-cnt {
width:622px;
}
#cmt-input-bd .ui-textarea {
width:602px;
}
.comment-focus {
width: 622px;
}
.comment-item {
width:622px;
}
.ui-comment {
width: 622px;
}
.comment-post-cnt {
width:529px;
}
.comment-body {
width: 470px;
}


}

@media screen and (max-width: 640px){

.comment-post {
width: 290px;
}
#cmt_anchor .ui-cnt {
width:350px;padding:10px;
}
#cmt-input-bd .ui-textarea {
width:330px;
}
.comment-focus {
width: 350px;
}
.ui-comment {
width: 350px;
}
.comment-item {
width:350px;
}
.comment-post-cnt {
width:259px;
}
.comment-body {
width: 259px;
}
.comment-avatar {
	display:none;
}
.comment-body {
float: left !important;
}
.comment-time .date-time strong {line-height: 20px !important;}
}